<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>数据导出</title>

    <style>
        table {
            border-collapse: collapse;
            flex: 1px;
            border-radius: 5px;
            width: 100%;
            margin: 10px auto;
            /*border: 1px solid #000000;*/
            /* background-color: #328ef4; */
            /* color: #c7dafb; */
        }

        table td,
        th {
            /* padding: 5px;
              width: 33%; */
            text-align: center;
            /*border: 1px solid #000000;*/
            vertical-align: middle;
            height: 41px;
            /* font-size: 15px; */
            /* width: 80%; */
        }

        #operation {
            height: 200px;

            /*border: 1px solid black;*/
        }

        .btn {
            margin-bottom: 10px;
            height: 80px;
            border: 1px solid blue;
            position: relative;
            top: 95px;
        }

        .butt {
            border: 1px solid;
            border-radius: 9px;
            width: 100px;
            height: 30px;
            background-color: darkorange;
            position: relative;
            top: 44px;
            margin-left: 25px;
        }

        .add_student {
            display: none;
            position: absolute;
            top: 25%;
            left: 25%;
            width: 55%;
            height: 55%;

            border: 1px solid orange;
            background-color: white;
            z-index: 1002;
            overflow: auto;
        }

        .container {
            position: absolute;
            width: 100%;
            height: 100%;

        }


        .black_overlay {
            display: none;
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
            background-color: black;
            z-index: 1001;
            -moz-opacity: 0.8;
            opacity: .80;
            filter:
                    alpha(opacity=88);
        }

        .close {
            position: relative;
            right: 1px;
            background-color: deepskyblue;
            height: 30px;
            width: 90px;
            z-index: 9999;


        }

        .student {
            position: relative;
            height: 100%;
        }

        #form {
            position: relative;
            height: 60%;
        }

        .student1 {
            position: relative;
            top: 90px;
        }
    </style>
</head>

<body>

<div class='container'>

    <div id='operation'>
        <div class="btn">
            <button class="butt" id='select_student' onclick="excel()">导出数据</button>
        </div>
    </div>

</div>

<script>
    function excel() {
       location.href='/excel/excel'
        alert("导出成功！！")
    }


</script>
</body>
</html>